<script lang="ts" setup>
const toIndex = () => {
  uni.navigateTo({
    url: '/subpackage/add/index',
  })
}
const res = "1"
</script>

<template>
  <view class="container">
    <view class="main">
      <img alt="" class="icon" src="/static/image/编组%202@2x.png">
      <view class="text">
        <span>创建属于自己的管理标签</span>
        <span>轻点加号按钮开启个性化管理之旅</span>
      </view>
      <img alt="" class="btn" src="/static/image/+@2x.png" @click="toIndex">
    </view>
  </view>
</template>


<style lang="scss" scoped>
.container {
  background-color: #f3f5f9;
  height: 100vh;

  .main {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 244rpx;

    .icon {
      width: 208rpx;
      height: 208rpx;
    }

    .text {
      margin-top: 52rpx;
      width: 450rpx;
      height: 128rpx;
      font-weight: 400;
      font-size: 30rpx;
      color: #393939;
      letter-spacing: 0;
      text-align: center;
      line-height: 64rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .btn {
      margin-top: 148rpx;
      width: 108rpx;
      height: 108rpx;
    }
  }
}
</style>
